<template>
    <div class="coupon-card" @click="handleToCoupon">
        <div class="icon-wrap">
            <image
                class="icon"
                src="https://5b0988e595225.cdn.sohucs.com/images/20181013/2a8e78c78c7341c4a384546b8195cabf.jpeg"
                mode="scaleToFill"
            />
        </div>
        <div class="text">你有10张券待使用 &gt;</div>
    </div>
</template>
<script setup lang="ts">
const handleToCoupon = () => {
    uni.navigateTo({
        url: '/minePages/coupon/index'
    })
}
</script>
<style scoped lang="scss">
.coupon-card {
    margin-top: 10px;
    height: 80px;
    width: 100%;
    background: #fff;
    border-radius: 8px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    .icon-wrap {
        width: 40px;
        height: 40px;
        .icon {
            width: 100%;
            height: 100%;
        }
    }
    .text {
        color: #ee984e;
    }
}
</style>